@include('public.header')
    <div class="wrapper row-offcanvas row-offcanvas-left">
        <!-- Left side column. contains the logo and sidebar -->
        @include('public.sidebar')

        <!-- Right side column. Contains the navbar and content of the page -->
        <aside class="right-side">
            <!-- Content Header (Page header) -->
            <section class="content-header">
                <h1>
                    添加刷单计划
                    <small><a href="{{URL::route('plane.index')}}">近期计划</a></small>
                </h1>
            </section>

            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <!-- AREA CHART -->
                        <div class="box box-primary">
                            <div class="box-header">
                                <h3 class="box-title">添加刷单周期计划</h3>
                            </div>
                            {{Form::open(array('route'=>'plane.store','method'=>'POST'))}}
                            <div class="box-body chart-responsive">
                                
                                        <div class="form-group">
                                            {{Form::label('名称')}}
                                            {{Form::text('plane_name','',array('class'=>'form-control','placeholder'=>'名称'))}}
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">开始时间</label>
                                            <div class="input-group">
                                            <div class="input-group-addon">
                                                <i class="fa fa-calendar"></i>
                                            </div>
                                            <input type="text" name="start_time" class="form-control" id="start-time" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask="">
                                        </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">周期时间</label>
                                            <select name="days" class="form-control">
                                                <option value="7" >7 天</option>
                                                <option value="14" >14天</option>
                                                <option value="21" >21天</option>
                                                <option value="28" >28天</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">计划刷单数</label>
                                            <input type="text" name="plane_count" class="form-control" id="exampleInputPassword1" placeholder="">
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputFile">计划转化率范围</label>
                                            <div class="row margin">
                                                <div class="col-sm-12">
                                                    <input id="area-zhuanhua" type="text" name="fanwei" value="" />
                                                </div>
                                            </div>

                                            <p class="help-block">选择一个范围.</p>
                                        </div>
                                
                            </div>
                            <div class="box-footer">
                                <button type="submit" class="btn btn-primary">提交</button>
                            </div>
                            {{Form::close()}}
                            <!-- /.box-body -->
                        </div><!-- /.box -->
                    </div><!-- /.col (LEFT) -->
                </div><!-- /.row -->


            </section>
            <!-- /.content -->
        </aside>
        <!-- /.right-side -->
    </div>

    <!-- Ion Slider -->
    <link href="/style/css/ionslider/ion.rangeSlider.css" rel="stylesheet" type="text/css" />
    <!-- ion slider Nice -->
    <link href="/style/css/ionslider/ion.rangeSlider.skinNice.css" rel="stylesheet" type="text/css" />
    <!-- Morris.js charts -->
    <script src="/style/js/plugins/morris/raphael-min.js"></script>
    <script src="/style/js/plugins/morris/morris.min.js" type="text/javascript"></script>
    <!-- Ion Slider -->
    <script src="/style/js/plugins/ionslider/ion.rangeSlider.min.js" type="text/javascript"></script>
    <!-- InputMask -->
    <script src="/style/js/plugins/input-mask/jquery.inputmask.js" type="text/javascript"></script>
    <script src="/style/js/plugins/input-mask/jquery.inputmask.date.extensions.js" type="text/javascript"></script>
    <script src="/style/js/plugins/input-mask/jquery.inputmask.extensions.js" type="text/javascript"></script>

    <script>
        $(function(){
            $("#area-zhuanhua").ionRangeSlider({
                    min: 0,
                    max: 20,
                    from: 5,
                    to: 10,
                    type: 'double',
                    step: 0.1,
                    prefix: "%",
                    prettify: false,
                    hasGrid: true
                });
            //Datemask dd/mm/yyyy
                $("#start-time").inputmask("yyyy-mm-dd", {"placeholder": "yyyy-mm-dd"});


        })
    </script>

@include('public.footer')